iT邦幫忙

2021 iThome 鐵人賽

DAY 15
0
自我挑戰組

Scratch 3 從入門到精通系列 第 15

Day 15 ( 中級 ) 無限循環畫中畫

  • 分享至 

  • xImage
  •  

無限循環畫中畫

教學原文參考:無限循環畫中畫

這篇文章會介紹,如何在 Scratch 3 裡使用角色造型的切換,搭配重複、鍵盤按下、變數、邏輯判斷...等積木,實作一個可以透過鍵盤控制的「無限循環的畫中畫」效果。

尋找「無限循環」圖片

參考 GIMP「無限循環照片」教學,可以自己做出一張無限循環的圖片 ( 尺寸比例設定為 4:3 ),或可由下方連結,開啟下載範例的無限循環圖片。

Scratch 3 教學 - 無限循環畫中畫

角色設定

在角色編輯區,刪除貓咪角色,使用「上傳」功能,上傳無限循環的圖片 ( 參考:Scratch 角色設定 )。

Scratch 3 教學 - 無限循環畫中畫

上傳後,點擊「造型」頁籤,點擊下方「轉換成向量圖」,將圖片轉成向量圖。

Scratch 3 教學 - 無限循環畫中畫

複製造型,使用「選取」工具,將複製的造型「等比例變大一些,水平位置置中」。

Scratch 3 教學 - 無限循環畫中畫

重複「複製 + 變大 + 置中」,不斷建立新的造型。

Scratch 3 教學 - 無限循環畫中畫

直到「圖畫中的圖畫,再度佔滿整個舞台畫面」為止。

Scratch 3 教學 - 無限循環畫中畫

積木程式原理

新增一個變數 n,負責記錄「播放到第幾個造型」。

Scratch 3 教學 - 無限循環畫中畫

設定點擊綠旗時,定位在舞台正中心,造型設定為第一個,變數 n 設定為 1。

Scratch 3 教學 - 無限循環畫中畫

設定按下鍵盤「向上」鍵時的動作:

  • 使用「重複...直到」積木,重複直到「向上鍵被按下不成立」( 放開向上鍵 )
  • 每次重複將 n 增加 1
  • 如果 n 超過 13,就將 n 設定為 1 ( 因為只有 13 個造型 )。
  • 每次重複將造型設定為 n 的編號。

Scratch 3 教學 - 無限循環畫中畫

設定按下鍵盤「向下」鍵時的動作:

  • 使用「重複...直到」積木,重複直到「向下鍵被按下不成立」( 放開向下鍵 )
  • 每次重複將 n 減少 1
  • 如果 n 小於 1,就將 n 設定為 13 ( 因為只有 13 個造型 )。
  • 每次重複將造型設定為 n 的編號。

Scratch 3 教學 - 無限循環畫中畫

最終結果

完成後,點擊綠旗,按下鍵盤的上和下,就能控制無限循環的畫中畫。

Scratch 3 教學 - 無限循環畫中畫

範例解答

範例解答:無限循環畫中畫

關於我

大家好,我是 OXXO,是個即將邁入中年的斜槓青年,如果對我有點興趣(笑,可以與我聯繫,一起來做點有玩又有創意的東西吧!


上一篇
Day 14 ( 中級 ) 鍵盤鋼琴 ( 音符動畫 )
下一篇
Day 16 ( 中級 ) 水底探照燈
系列文
Scratch 3 從入門到精通46
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言